<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <title>初始模板</title>
    <link rel="icon" href="favicon.ico">
    <!-- CSS start -->
    <link rel="stylesheet" href="<?php echo base_url();?>media/zhiyeAdmin/icofont/style.css">
    <link rel="stylesheet" href="<?php echo base_url();?>media/zhiyeAdmin/css/style.min.css">
    <!-- CSS over -->
    <!-- JS start -->
    <script src="<?php echo base_url();?>media/zhiyeAdmin/js/jquery-1.9.1.min.js"></script>
    <script src="<?php echo base_url();?>media/zhiyeAdmin/js/plugins.js"></script>
    <script src="<?php echo base_url();?>media/zhiyeAdmin/js/laydate/laydate.js"></script>
    <script src="<?php echo base_url();?>media/zhiyeAdmin/js/scripts.js"></script>
    <!-- JS over -->
</head>


<body>
    <!-- header start -->
    <header>
        <!-- brand start -->
        <div class="brand">
            <h4 class="title">马鞍山市志业软件科技有限公司</h4>
            <p>后台管理系统</p>
        </div>
        <!-- brand start -->
        <!-- bar start -->
        <div class="header-bar">
            <!-- item start -->
            <div class="item dropdown header-list">
                <button type="button" data-toggle="dropdown">
                    <span>消息通知</span>
                    <span class="badge">3</span>
                </button>
                <div class="dropdown-menu">
                    <h6 class="dropdown-header">你有3条未读消息</h6>
                    <div class="dropdown-divider"></div>
                    <a class="item header-list-item" href="#">
                        <div class="dot blue"></div>
                        <p><b>站内通知: </b>新版后台管理系统即将上线</p>
                        <span>2017年9月1日 12:00</span>
                    </a>
                    <a class="item header-list-item" href="#">
                        <div class="dot green"></div>
                        <p><b>系统信息: </b>提交的信息审核通过</p>
                        <span>2017年9月1日 12:00</span>
                    </a>
                    <a class="item header-list-item" href="#">
                        <div class="dot red"></div>
                        <p><b>系统信息: </b>提交的信息未通过审核</p>
                        <span>2017年9月1日 12:00</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a class="item" href="#"><i class="icon-gear"></i>查看更多</a>
                </div>
            </div>
            <!-- item over -->
            <!-- item start -->
            <div class="item"><a href="#">技术支持</a></div>
            <!-- item over -->
            <!-- user start -->
            <div class="item dropdown header-user">
                <button type="button" data-toggle="dropdown">
                    <span class="user-name">zhouzhengrui</span>
                    <span class="user-position">前端攻城师</span>
                    <div class="avatar">
                        <img src="<?php echo base_url();?>media/zhiyeAdmin/img/avatar.jpg" alt="">
                    </div>
                </button>
                <div class="dropdown-menu">
                    <a class="item" href="#"><i class="icon-pen"></i>编辑账号信息</a>
                    <a class="item" href="#"><i class="icon-lock"></i>修改密码</a>
                    <div class="dropdown-divider"></div>
                    <a class="item" href="page-login.html"><i class="icon-gear"></i>退出</a>
                </div>
            </div>
            <!-- user over -->
            <!-- fullscreen start -->
            <div class="item MT-hidden">
                <button type="button" id="fullscreen-view"><i class="icon-enlarge"></i></button>
                <button type="button" id="fullscreen-exit"><i class="icon-narrow"></i></button>
            </div>
            <!-- fullscreen over -->
            <!-- sidebar switch start -->
            <div class="item MT-hidden">
                <button type="button" id="modal-sidebar-button" data-toggle="modal" data-target="#modal-sidebar"><i class="icon-dot-array-y"></i></button>
            </div>
            <!-- sidebar switch over -->
            <!-- sidebar start -->
            <div class="modal fade" id="modal-sidebar">
                <div class="modal-dialog modal-stick-right">
                    <div class="modal-content">
                        <h1>右侧边栏</h1>
                    </div>
                </div>
            </div>
            <!-- sidebar over -->
        </div>
        <!-- bar over -->
        <!-- MT bar start -->
        <div class="MT-header-bar">
            <button class="MT-bar-toggler" type="button" data-toggle="collapse" data-target=".header-bar">
                <i class="icon-user"></i>
            </button>
            <button class="MT-bar-toggler" type="button" data-toggle="collapse" data-target="aside">
                <i class="icon-list"></i>
            </button>
        </div>
        <!-- MT bar over -->
    </header>
    <!-- header over -->

    <!-- aside start -->
    <aside>
        <!-- user start -->
        <div class="side-user">
            <div class="avatar">
                <img src="<?php echo base_url();?>media/zhiyeAdmin/img/avatar.jpg" alt="">
            </div>
            <div class="info dropdown">
                <button type="button" class="user-name dropdown-toggle" data-toggle="dropdown">
                    <span>zhouzhengrui</span>
                </button>
                <span class="user-position">前端攻城师</span>
                <div class="dropdown-menu dropdown-menu-middle">
                    <a class="item" href="#">编辑账号信息</a>
                    <a class="item" href="#">修改密码</a>
                    <div class="dropdown-divider"></div>
                    <a class="item" href="page-login.html">退出</a>
                </div>
            </div>
        </div>
        <!-- user over -->
        <!-- nav start -->
        <div class="side-nav">
            <nav class="nav">
                <!-- item start -->
                <div class="item">
                    <a class="active" href="index.html" data-pjax><i class="icon-home"></i><span>首页</span></a>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a><i class="icon-window"></i><span>演示模板 - 电子商务</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="demo-eCommerce.html" data-pjax>首页</a></div>
                        <div class="item"><a href="#" data-pjax>订单管理</a></div>
                        <div class="item"><a href="#" data-pjax>商品管理</a></div>
                    </div>
                </div>
                <!-- item over -->
                <h6 class="nav-title">页面布局</h6>
                <!-- item start -->
                <div class="item">
                    <!-- <a href="layout-templet.html" data-pjax><i class="icon-gear"></i><span>初始模板</span></a> -->
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a><i class="icon-gear"></i><span>主体布局</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="layout-grid.html" data-pjax>网格系统</a></div>
                        <div class="item"><a href="layout-card.html" data-pjax>卡片</a></div>
                        <div class="item"><a href="layout-tab.html" data-pjax>选项卡</a></div>
                        <div class="item"><a href="layout-collapse.html" data-pjax>折叠面板</a></div>
                        <div class="item"><a href="layout-responsive.html" data-pjax>响应式工具</a></div>
                    </div>
                </div>
                <!-- item over -->
                <h6 class="nav-title">组件</h6>
                <!-- item start -->
                <div class="item">
                    <a href="#" data-pjax><i class="icon-gear"></i><span>UI元素</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="ui-button.html" data-pjax>按钮</a></div>
                        <div class="item"><a href="ui-label.html" data-pjax>标签</a></div>
                        <div class="item"><a href="ui-icofont.html" data-pjax>字体图标</a></div>
                        <div class="item"><a href="ui-color.html" data-pjax>颜色</a></div>
                    </div>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a href="list.html" data-pjax><i class="icon-gear"></i><span>列表</span></a>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a href="table.html" data-pjax><i class="icon-gear"></i><span>表格</span></a>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a><i class="icon-gear"></i><span>表单</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="form-layout.html" data-pjax>表单布局</a></div>
                        <div class="item"><a href="form-input.html" data-pjax>输入框</a></div>
                        <div class="item"><a href="form-select.html" data-pjax>下拉列表</a></div>
                        <div class="item"><a href="form-radiocheckbox.html" data-pjax>单选多选框</a></div>
                        <div class="item"><a href="form-upload.html" data-pjax>文件上传</a></div>
                        <div class="item"><a href="form-validate.html" data-pjax>表单验证</a></div>
                    </div>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a><i class="icon-gear"></i><span>树</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="tree-ztree.html" data-pjax>zTree</a></div>
                        <div class="item"><a href="tree-treeview.html" data-pjax>Tree View</a></div>
                        <div class="item"><a href="tree-nestable.html" data-pjax>Nestable</a></div>
                    </div>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a href="modal.html" data-pjax><i class="icon-gear"></i><span>模态框</span></a>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a href="chart.html" data-pjax><i class="icon-gear"></i><span>数据图</span></a>
                </div>
                <!-- item over -->
                <h6 class="nav-title">其他</h6>
                <!-- item start -->
                <div class="item">
                    <a><i class="icon-gear"></i><span>单页</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="page-login.html">登录</a></div>
                        <div class="item"><a href="page-404.html">404</a></div>
                    </div>
                </div>
                <!-- item over -->
            </nav>
        </div>
        <!-- nav over -->
        <!-- dashboard start -->
        <div class="side-dashboard MT-hidden">
            <h6 class="side-title">仪表面板</h6>
            <div class="inner">
                <div class="info">
                    <p>进度条</p>
                    <p>60%</p>
                </div>
                <div class="progress">
                    <div class="progress-bar" style="width: 60%;"></div>
                </div>
                <div class="info">
                    <p>里程碑</p>
                    <p>30%</p>
                </div>
                <div class="progress">
                    <div class="progress-bar" style="width: 30%;"></div>
                </div>
            </div>
        </div>
        <!-- dashboard over -->
    </aside>
    <!-- aside over -->

    <!-- main start -->
    <main>
        <!-- banner start -->
        <div class="banner">
            <div class="banner-title">
                <h2><?=$moudle_name
					?></h2>
                <p>这是每个页面最基本的结构配置, 参阅主体布局和组件来布置主体容器里的内容</p>
                <ul class="explain">
                    <li><code>head, header, aside, copyright</code>这几个部分建议以引用的方式, 方便统一修改</li>
                    <li><code>&lt;header&gt;&lt;/header&gt;</code>顶部, <code>&lt;aside&gt;&lt;/aside&gt;</code>左侧边栏, <code>&lt;main&gt;&lt;/main&gt;</code>主体</li>
                    <li><code>.MT-header-bar</code>是在移动端显示的导航切换按钮, 不可移除</li>
                    <li>有<code>data-pjax</code>属性的链接是以<a href="https://github.com/defunkt/jquery-pjax" target="_blank">pjax</a>的方式无刷新替换<code>&lt;main&gt;</code>部分, 所以每个页面的独立功能要写在<code>&lt;main&gt;</code>里面的<code>page script</code>位置, 主体容器里的链接也建议使用这种方式</li>
                    <li>页面独立插件在<code>page script</code>位置以<code>$.getScript</code>的方式加载执行</li>
                </ul>
            </div>
        </div>
        <!-- banner over -->
        <!-- container start -->
        
        <div class="container-fluid">
            <!-- row start -->
            <div class="row">
                <!-- column start -->
                <div class="col-12">
                    <embed src='http://player.youku.com/player.php/sid/XMzk4OTgxMzQwMA==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
                    <section class="code-group">
                        <pre class="show">
                            <code class="language-html">
                                &lt;!DOCTYPE html&gt;
                                &lt;html&gt;
                                &lt;head&gt;
                                    &lt;meta charset=&quot;utf-8&quot;&gt;
                                    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;
                                    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
                                    &lt;meta name=&quot;format-detection&quot; content=&quot;telephone=no&quot;&gt;
                                    &lt;title&gt;页面标题&lt;/title&gt;
                                    &lt;link rel=&quot;icon&quot; href=&quot;favicon.ico&quot;&gt;
                                    &lt;link rel=&quot;stylesheet&quot; href=&quot;icofont/style.css&quot;&gt;
                                    &lt;link rel=&quot;stylesheet&quot; href=&quot;css/style.min.css&quot;&gt;
                                    &lt;script src=&quot;js/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
                                    &lt;script src=&quot;js/plugins.js&quot;&gt;&lt;/script&gt;
                                    &lt;script src=&quot;js/scripts.js&quot;&gt;&lt;/script&gt;
                                &lt;/head&gt;
                                &lt;body&gt;
                                    &lt;!-- header start --&gt;
                                    &lt;header&gt;
                                        &lt;!-- brand start --&gt;
                                        &lt;div class=&quot;brand&quot;&gt;
                                            &lt;h4 class=&quot;title&quot;&gt;项目名称&lt;/h4&gt;
                                            &lt;p&gt;系统名称&lt;/p&gt;
                                        &lt;/div&gt;
                                        &lt;!-- brand start --&gt;
                                        &lt;!-- MT bar start --&gt;
                                        &lt;div class=&quot;MT-header-bar&quot;&gt;
                                            &lt;button class=&quot;MT-bar-toggler collapsed&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; data-target=&quot;aside&quot;&gt;
                                                &lt;i class=&quot;icon-list&quot;&gt;&lt;/i&gt;
                                            &lt;/button&gt;
                                        &lt;/div&gt;
                                        &lt;!-- MT bar over --&gt;
                                    &lt;/header&gt;
                                    &lt;!-- header over --&gt;
                                    &lt;!-- aside start --&gt;
                                    &lt;aside&gt;
                                        &lt;!-- nav start --&gt;
                                        &lt;div class=&quot;side-nav&quot;&gt;
                                            &lt;nav class=&quot;nav&quot;&gt;
                                                &lt;!-- item start --&gt;
                                                &lt;div class=&quot;item&quot;&gt;
                                                    &lt;a class=&quot;active&quot; href=&quot;#&quot; data-pjax&gt;&lt;i class=&quot;icon-home&quot;&gt;&lt;/i&gt;&lt;span&gt;首页&lt;/span&gt;&lt;/a&gt;
                                                &lt;/div&gt;
                                                &lt;!-- item over --&gt;
                                                &lt;!-- item start --&gt;
                                                &lt;div class=&quot;item&quot;&gt;
                                                    &lt;a&gt;&lt;i class=&quot;icon-gear&quot;&gt;&lt;/i&gt;&lt;span&gt;一级导航&lt;/span&gt;&lt;/a&gt;
                                                    &lt;div class=&quot;nav-sub&quot;&gt;
                                                        &lt;div class=&quot;item&quot;&gt;&lt;a href=&quot;#&quot; data-pjax&gt;二级导航&lt;/a&gt;&lt;/div&gt;
                                                        &lt;div class=&quot;item&quot;&gt;&lt;a href=&quot;#&quot; data-pjax&gt;二级导航&lt;/a&gt;&lt;/div&gt;
                                                    &lt;/div&gt;
                                                &lt;/div&gt;
                                                &lt;!-- item over --&gt;
                                            &lt;/nav&gt;
                                        &lt;/div&gt;
                                        &lt;!-- nav over --&gt;
                                    &lt;/aside&gt;
                                    &lt;!-- aside over --&gt;
                                    &lt;!-- main start --&gt;
                                    &lt;main&gt;
                                        &lt;!-- banner start --&gt;
                                        &lt;div class=&quot;banner&quot;&gt;
                                            &lt;div class=&quot;banner-title&quot;&gt;
                                                &lt;h2&gt;页面标题&lt;/h2&gt;
                                            &lt;/div&gt;
                                            &lt;div class=&quot;banner-action&quot;&gt;
                                                &lt;!-- banner功能区 --&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;!-- banner over --&gt;
                                        &lt;!-- container start --&gt;
                                        &lt;div class=&quot;container-fluid&quot;&gt;
                                            &lt;!-- 主体容器, 放入网格 --&gt;
                                        &lt;/div&gt;
                                        &lt;!-- container over --&gt;
                                        &lt;!-- page script start --&gt;
                                        &lt;script type=&quot;text/javascript&quot;&gt;
                                        &lt;!-- page script --&gt;
                                        &lt;/script&gt;
                                        &lt;!-- page script over --&gt;
                                        &lt;!-- copyright start --&gt;
                                        &lt;div class=&quot;copyright&quot;&gt;
                                            &lt;p&gt;Powered by &lt;a href=&quot;http://www.maszy.cn&quot; target=&quot;_blank&quot;&gt;© ZhiYe Software Technology Co.,Ltd&lt;/a&gt;&lt;/p&gt;
                                        &lt;/div&gt;
                                        &lt;!-- copyright over --&gt;
                                    &lt;/main&gt;
                                    &lt;!-- main over --&gt;
                                &lt;/body&gt;
                                &lt;/html&gt;
                            </code>
                        </pre>
                    </section>
                    <ul class="explain">
                        <h6><code>plugins.js</code>打包压缩了以下插件供全局使用</h6>
                        <li><a href="https://getbootstrap.com/docs/4.0/getting-started/introduction/#js" target="_blank">bootstrap.js</a> (bootstrap的全部功能)</li>
                        <li><a href="http://ricostacruz.com/nprogress/" target="_blank">nprogress.js</a> (页面加载进度条)</li>
                        <li><a href="https://github.com/defunkt/jquery-pjax" target="_blank">jquery.pjax.js</a> (页面无刷新替换)</li>
                        <li><a href="http://fian.my.id/Waves/" target="_blank">waves.js</a> (按钮点击反馈)</li>
                        <li><a href="http://manos.malihu.gr/jquery-custom-content-scroller/" target="_blank">jquery.mCustomScrollbar.js</a> (滚动条美化)</li>
                        <li><a href="https://www.hcharts.cn/" target="_blank">highcharts.js</a> (图表, 包括了highcharts-more.js增强包和modules/exporting.js导出功能)</li>
                        <li><a href="http://inorganik.github.io/countUp.js/" target="_blank">countUp.js</a> (数字递增效果)</li>
                        <li><a href="http://www.layui.com/laydate/" target="_blank">laydate.js</a> (日期时间控件)</li>
                        <li><a href="http://elboletaire.github.io/tabbedcontent/" target="_blank">tabbedcontent.js</a> (选项卡)</li>
                    </ul>
                </div>
                <!-- column over -->
            </div>
            <!-- row over -->
        </div>
        <!-- container over -->
        <!-- page script start -->
        <script type="text/javascript">
            jQuery(document).ready(function($) {
                // 代码块
                $.when(
                    $.getScript('js/clipboard/clipboard.min.js'),
                    $.getScript('js/prism/prism.js'),
                    $.getScript('js/prism/prism-copy.js')
                ).then(function() {
                    Prism.highlightAll();
                });
            });
        </script>
        <!-- page script over -->
        <!-- copyright start -->
        <div class="copyright">
            <p>Powered by <a href="http://www.maszy.cn" target="_blank">© ZhiYe Software Technology Co.,Ltd</a></p>
        </div>
        <!-- copyright over -->

    </main>
    <!-- main over -->
</body>

</html>
